Webpack+Vue单页面应用push github时自动部署到linux服务器.md

vue单页面应用,在部署时,直接把打包好的文件搬到服务器上,再添加反射代理,就完成了部署,听起来挺简单,但如果每次修改完代码都要操作一遍的话,内心是拒绝的,于是我需要一个自动部署机制。

目标:每次修改完代码push到github的时候,阿里云服务器自动去github拉最新的代码并且打包好,更新部署最新代码。

其思路是在阿里云服务器上开一个webhook的server,然后github添加一个webhook的事件推送,当有新push时,给阿里云的服务器发送一个通知。阿里云接到通知后,拉新代码,打包,刷新nginx一气呵成。

具体步骤,请参考:

https://jimmysong.io/blog/github-webhook-website-auto-deploy/

https://segmentfault.com/a/1190000016071010